<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>kblog ui</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->



  <link rel="stylesheet" href="styles/layout.css">

  <link rel="stylesheet" href="styles/change-info.css">

  <script src="scripts/vendor/modernizr.js"></script>
</head>
<body>

<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
  your browser</a> to improve your experience.</p>
<![endif]-->


<header class="header">
  <div class="navbar-header">
    <button class="navbar-toggle collapsed">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Anting</a>

  </div>
  <div class="navbar-collapse collapse collapsing">
    <h1 class="header-logo">
      <a href="#">anting</a>
    </h1>
    <nav class="header-nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">JAVA</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">其他</a></li>

      </ul>
    </nav>
    <div class="header-search">
      <form action="#">
        <input class="search-input" type="search" placeholder="search">
      </form>
    </div>

    <div class="header-login">
      <a href="login.html">登陆</a>
    </div>

  </div>
</header>


<div class="container">
  <aside class="aside aside-user-info pull-left">
    <section class="user-info">
      <a href="#"><img src="img/header_icon.jpg" width="100" height="100" alt=""></a>
      <h2>anting</h2>
    </section>
    <menu>
      <ul>
        <li><a href="#">我的文章</a></li>
        <li><a href="user-favorite.html" class="active">文章收藏</a></li>
        <li><a href="#">评论留言</a></li>
        <li class="split-line"><a href="#">站内消息</a></li>
        <li><a href="#">积分管理</a></li>
        <li><a href="change-info.html">修改信息</a></li>
        <li><a href="change-password.html">修改密码</a></li>
        <li class="split-line"><a href="change-uc-img.html">头像设置</a></li>
        <li><a href="#">其他设置</a></li>
      </ul>

    </menu>

  </aside>

  <div class="main pull-right">


    <div class="page-wrapper">

      <h1 class="title">修改个人信息</h1>
      <form action="#" class="form-control">

        <div class="form-group">
          <label for="username">名称</label>
          <input type="text" id="username">
        </div>
        <div class="form-group">
          <label for="email">邮箱</label>
          <input type="email" id="email">
        </div>
        <div class="form-group">
          <label for="phone">手机</label>
          <input type="tel" id="phone">
        </div>
        <div class="form-group">
          <label for="address">地址</label>
          <input type="text" id="address">
        </div>
        <div class="form-group">
          <label for="birthday">生日</label>
          <input type="date" id="birthday">
        </div>
        <div class="form-group">
          <div class="radio">
            <label>
              <input type="radio" value="1" name="sex" checked="checked"> 男
            </label>
            <label>
              <input type="radio" value="0" name="sex"> 女
            </label>
          </div>
        </div>

        <div class="btn-group">
          <!--<button type="reset" class="btn btn-default">重置</button>-->
          <button type="submit" class="btn btn-default">提交</button>
        </div>


      </form>

    </div>


  </div>

</div>
<footer class="footer">
  <div class="foot">
    <div class="describes">
      <h3>关于本站</h3>
      <p> WP酷 提供免费的 WordPress 企业模板,淘宝客主题,博客主题等各种主题下载，并分享 WordPress 主题安装使用教程及模板制作的视频教程下载和实用插件。如果您喜欢，欢迎通过 RSS、邮箱
        订阅本站，WP酷
        将会第一时间为您推送最新信息!</p>
    </div>
    <div class="contact">
      <h3>联系我们</h3>
      <span>Email：pcdotfan@aliyun.com</span>
    </div>
    <div class="qrcode">
      <h3>扫码关注</h3>
      <img src="images/qcode.png">
    </div>
  </div>
</footer>


<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
  (function (b, o, i, l, e, r) {
    b.GoogleAnalyticsObject = l;
    b[l] || (b[l] =
      function () {
        (b[l].q = b[l].q || []).push(arguments)
      });
    b[l].l = +new Date;
    e = o.createElement(i);
    r = o.getElementsByTagName(i)[0];
    e.src = 'https://www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e, r)
  }(window, document, 'script', 'ga'));
  ga('create', 'UA-XXXXX-X');
  ga('send', 'pageview');
</script>

<script src="scripts/vendor.js"></script>

<script src="scripts/main.js"></script>
</body>
</html>
